
<html>
<head>
    <style>

        body {
            margin: 0;
            padding: 0;
        }

        #set-title {
            background-color: rgb(71, 71, 71);
            width: 100%;
            vertical-align: middle;

            /*padding-top: 5px;*/
            /*padding-bottom: 6px;*/
            /*padding-left: 7px;*/
            /*padding-right: 8px;*/

        }

        #set-title-input {
            width: calc(100% - 16px);
            margin: 5px 0 5px 8px;
            padding: 0.3em;
        }

        #set-title input[type=text], textarea {
            -webkit-transition: all 0.30s ease-in-out;
            -moz-transition: all 0.30s ease-in-out;
            -o-transition: all 0.30s ease-in-out;
            outline: none;
            /*padding: 3px 0px 3px 3px;*/
            /*margin: 5px 1px 3px 0px;*/
            border: 1px solid #DDDDDD;
        }

        #set-title input[type=text]:focus, textarea:focus {
            box-shadow: 0 0 5px rgba(81, 203, 238, 1);
            /*padding: 3px 0px 3px 3px;*/
            /*margin: 5px 1px 3px 0px;*/
            border: 1px solid rgba(81, 203, 238, 1);
        }

    </style>
</head>

<body>


<div id="set-title">
    <input id="set-title-input" type="text" placeholder="Set document title" autocomplete="false">
</div>

</body>

</html>
